<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
          integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <title>天气预报</title>
</head>
<body>
<div class="container">
    <div class="row">
        <h3 th:text="${reportNow.title}">天气</h3>
        <select id="selectCityId">
            <option th:each="city : ${reportNow.cityList}"
                    th:value="${city.cityId}" th:text="${city.cityCn}"
                    th:selected="${city.cityCn eq reportNow.cityName}"></option>
        </select>
    </div>
    <div class="row">
        <p>状态：<span th:text="${reportNow.weather.status}"></span></p>
    </div>

    <div class="row">
        <p>地址：<span th:text="${reportNow.weather.basic.location}"></span></p>
    </div>
    <div class="row">
        <div>当前天气</div>
        <div class="row"></div>
        <div class="card border-info">
            <div class="card-body text-info">
                体感温度：<span th:text="${reportNow.weather.now.tmp}">温度</span>
                摄氏温度：<span th:text="${reportNow.weather.now.cond_code}">温度</span>
                实况天气代码：<span th:text="${reportNow.weather.now.cond_txt}">温度</span>
                天气状况描述：<span th:text="${reportNow.weather.now.wind_deg}">温度</span>
                风向角度：<span th:text="${reportNow.weather.now.wind_dir}">温度</span>
                风向：<span th:text="${reportNow.weather.now.wind_sc}">温度</span>
                风力：<span th:text="${reportNow.weather.now.wind_spd}">温度</span>
                风速：<span th:text="${reportNow.weather.now.hum}">温度</span>
                相对温度：<span th:text="${reportNow.weather.now.pcpn}">温度</span>
                降水量：<span th:text="${reportNow.weather.now.pres}">温度</span>
                大气压强：<span th:text="${reportNow.weather.now.vis}">温度</span>
                能见度（公里数）：<span th:text="${reportNow.weather.now.cloud}">温度</span>
                云量：<span th:text="${reportNow.weather.now.fl}">温度</span>
            </div>

        </div>
    </div>

</div>

<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
        integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
        crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
        integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
        crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
        integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
        crossorigin="anonymous"></script>
<script type="text/javascript" th:src="@{/js/weather/now.js}"></script>
</body>
</html>